<script src="<?php echo base_url("javascript/jquery.easing.1.3.js") ?>"></script> 
<script src="<?php echo base_url("javascript/jquery.skitter.min.js") ?>"></script> 
<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('.box_skitter_large').skitter({
            theme: 'clean',
            numbers_align: 'center',
            progressbar: true,
            dots: true,
            preview: true
        });
    });
    /*$(function(){
     $("#mislider").css("max-width","100%");
     $(".label_skitter").css();
     });*/
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id))
            return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>
<div class="container" style="padding-top: 60px; padding-bottom: 40px;">    
    <div class="row">
        <div class="span9">
            <div class="row">
                <div id="content" class="span9" style="overflow: hidden; border:1px solid #c1c1c1; background-color: #fff; border-radius: 6px; padding: 10px">
                    <div class="border_box" style="float: left;">
                        <div id="mislider" class="box_skitter box_skitter_large" style="width: 576px; height: 300px;">
                            <ul>
                                <?php foreach ($imagenes as $imagen) {?>
                                <li><a href='#cube'><img src='images/slider/<?php echo $imagen; ?>' class='cube' /></a>
                                    <div class='label_text'><p>cube</p></div></li>
                                <?php } ?>
                            </ul>
                        </div>                        
                    </div>
                    <div style="min-height: 278px; margin-left: 10px; min-width: 258px; float: left;border:1px solid #c1c1c1; background-color: #fff; border-radius: 6px; padding: 10px">
                        <div class="top_title1" >
                            Top Animes de la Semana
                        </div>
                        <div style="height:20px; padding: 3px 6px; font-family:helvetica; font-size:11px; color:#666666;">
                            <span style="display:inline-block; width: 152px; padding: 0 5px; vertical-align:middle;">
                                1. <a href="http://jkanime.net/shingeki-no-kyojin/" style="text-decoration:none; color:#666666;">Shingeki no Kyojin</a>
                            </span>
                            <img src="http://cdn.jkanime.net/assets/images/like.png" style="vertical-align:middle;"> 50732
                        </div>
                        <div style="height:20px; padding: 3px 6px; font-family:helvetica; font-size:11px; color:#666666;">
                            <span style="display:inline-block; width: 152px; padding: 0 5px; vertical-align:middle;">
                                2. <a href="http://jkanime.net/shingeki-no-kyojin/" style="text-decoration:none; color:#666666;">Sword Art Online</a>
                            </span>
                            <img src="http://cdn.jkanime.net/assets/images/like.png" style="vertical-align:middle;"> 50732
                        </div>
                        <div style="height:20px; padding: 3px 6px; font-family:helvetica; font-size:11px; color:#666666;">
                            <span style="display:inline-block; width: 152px; padding: 0 5px; vertical-align:middle;">
                                3. <a href="http://jkanime.net/shingeki-no-kyojin/" style="text-decoration:none; color:#666666;">One Piece</a>
                            </span>
                            <img src="http://cdn.jkanime.net/assets/images/like.png" style="vertical-align:middle;"> 50732
                        </div>
                        <div style="height:20px; padding: 3px 6px; font-family:helvetica; font-size:11px; color:#666666;">
                            <span style="display:inline-block; width: 152px; padding: 0 5px; vertical-align:middle;">
                                4. <a href="http://jkanime.net/shingeki-no-kyojin/" style="text-decoration:none; color:#666666;">Fairy Tail</a>
                            </span>
                            <img src="http://cdn.jkanime.net/assets/images/like.png" style="vertical-align:middle;"> 50732
                        </div>
                        <div style="height:20px; padding: 3px 6px; font-family:helvetica; font-size:11px; color:#666666;">
                            <span style="display:inline-block; width: 152px; padding: 0 5px; vertical-align:middle;">
                                5. <a href="http://jkanime.net/shingeki-no-kyojin/" style="text-decoration:none; color:#666666;">Naruto Shippuden</a>
                            </span>
                            <img src="http://cdn.jkanime.net/assets/images/like.png" style="vertical-align:middle;"> 50732
                        </div>
                    </div>
                </div> 
            </div>
            <div class="row">
                <div class="span9" style="overflow: hidden; border:1px solid #c1c1c1; background-color: #fff; margin-top: 5px; border-radius: 6px; padding: 10px">
                    <div class="top_portadas">
                        <?php foreach ($registros as $fila) { ?>
                        <div class="home_portada_bg">
                            <a class="big_portada_title" href="<?php echo site_url('inicio/cargar?cod='.$fila->id); ?>"><?php echo $fila->nombre; ?></a>
                            <a class="portada_big" href="<?php echo site_url('inicio/cargar?cod='.$fila->id); ?>"><img style="height: 250px;" src="http://cdn.jkanime.net/assets/images/animes/image/corpse-party-tortured-souls-bougyakusareta-tamashii-no-jukyou.jpg" width="151" height="250" alt="Corpse Party: Tortured Souls - Bougyakusareta Tamashii no Jukyou"></a>
                        </div>
                    <?php }?>
                    </div>
                </div>
            </div>
        </div>
        <div class="span3" style="overflow: hidden">
            <div style="overflow: hidden; border: 1px solid #c1c1c1; border-radius: 6px; padding: 10px;text-align: center;height: 310px;background: white">
                <div class="fb-like-box" data-href="https://www.facebook.com/dimmakgc" data-width="234" data-height="345" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false" ></div>
            </div>

            <div style="border: 1px solid #c1c1c1; border-radius: 6px; padding: 10px; margin-top: 5px;text-align: center;background: white">
                <div class="top_title1" >
                    Programacion
                </div>
            </div>
        </div>               
    </div>

</div>


